﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>制作你自己的Bingo卡片</title>
	<style>
		h1 {
			font-size: 28px;
		}

		table {
			border-collapse: collapse;
		}

		th,
		td {
			padding: 10px;
			border: 2px #666 solid;
			text-align: center;
			font-size: 24px;
		}

		#free {
			background-color: #F66;
		}
	</style>
	<script src="js/bingo.js"></script>

</head>

<body>
	<h1>创建一个Bingo卡片</h1>
	<table>
		<tr>
			<th width="20%">B</th>
			<th width="20%">I</th>
			<th width="20%">N</th>
			<th width="20%">G</th>
			<th width="20%">O</th>
		</tr>
		<tr>
			<td id="square0">&nbsp;</td>
			<td id="square1">&nbsp;</td>
			<td id="square2">&nbsp;</td>
			<td id="square3">&nbsp;</td>
			<td id="square4">&nbsp;</td>
		</tr>
		<tr>
			<td id="square5">&nbsp;</td>
			<td id="square6">&nbsp;</td>
			<td id="square7">&nbsp;</td>
			<td id="square8">&nbsp;</td>
			<td id="square9">&nbsp;</td>
		</tr>
		<tr>
			<td id="square10">&nbsp;</td>
			<td id="square11">&nbsp;</td>
			<td id="free">Free</td>
			<td id="square12">&nbsp;</td>
			<td id="square13">&nbsp;</td>
		</tr>
		<tr>
			<td id="square14">&nbsp;</td>
			<td id="square15">&nbsp;</td>
			<td id="square16">&nbsp;</td>
			<td id="square17">&nbsp;</td>
			<td id="square18">&nbsp;</td>
		</tr>
		<tr>
			<td id="square19">&nbsp;</td>
			<td id="square20">&nbsp;</td>
			<td id="square21">&nbsp;</td>
			<td id="square22">&nbsp;</td>
			<td id="square23">&nbsp;</td>
		</tr>

	</table>
	<p><a href="bingo.html" id="reload">单击这里</a>创建新的卡片</p>
</body>

</html>